<template>
    <a-card :bordered="false" title="流程进度">
        <a-steps :current="steps.current" :status="steps.status" progressDot>
            <a-step>
                <template v-slot:title>
                    <span>投递简历</span>
                </template>
                <template v-slot:description>
                    <div class="antd-pro-pages-profile-advanced-style-stepDescription">
                        <div>{{steps.createTime}}</div>
                        <user-card v-if="steps.current === 0" :members="steps.members" title="未评价"/>
                    </div>
                </template>
            </a-step>
            <a-step>
                <template v-slot:title>
                    <span>{{steps.interview}}</span>
                </template>
                <template v-slot:description>
                    <div class="antd-pro-pages-profile-advanced-style-stepDescription">
                        {{steps.interviewTime}}
                        <user-card v-if="steps.current > 0" :members="steps.members" title="面试官"/>
                    </div>
                </template>
            </a-step>
            <a-step>
                <template v-slot:title>
                    <span>{{steps.sign}}</span>
                </template>
                <template v-slot:description>
                    <div class="antd-pro-pages-profile-advanced-style-stepDescription">
                        {{steps.signTime}}
                    </div>
                </template>
            </a-step>
            <a-step title="完成"/>
        </a-steps>
    </a-card>
</template>

<script>
    import UserCard from "./UserCard"
    export default {
        name: "ProcessFlows",
        props: {
            steps: {
                type: Object,
                required: true
            }
        },
        components: {
            UserCard
        }
    }
</script>
